/* css reset */
body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
blockquote {
    margin: 0;
    padding: 0;
}

html {
    color: #111;
    background: #fff;
}

body,
td,
th {
    font: 12px Helvetica, Arial, sans-serif;
    line-height: 1.62;
}

body {
    padding-top: 30px;
}

a {
    cursor: pointer;
}

a img {
    border-width: 0;
    vertical-align: middle;
}

a:link {
    color: #37a;
    text-decoration: none;
}

a:visited {
    color: #669;
    text-decoration: none;
}

a:hover {
    color: #fff;
    text-decoration: none;
    background: #37a;
}

a:active {
    color: #fff;
    text-decoration: none;
    background: #f93;
}

form {
    margin: 0;
    padding: 0;
    border: 0px;
}

ul,
ol {
    list-style: none;
}

fieldset,
img {
    border: 0;
}

.allstar35 {
    background-position: 0 -33px;
}

.allstar50,
.allstar45,
.allstar40,
.allstar35,
.allstar30,
.allstar25,
.allstar20,
.allstar15,
.allstar10,
.allstar05,
.allstar00,
.rating1-t,
.rating15-t,
.rating2-t,
.rating25-t,
.rating3-t,
.rating35-t,
.rating4-t,
.rating45-t,
.rating5-t,
.rating-t,
.starb~.stars5,
.starb~.stars4,
.starb~.stars3,
.starb~.stars2,
.starb~.stars1,
.collectors .stars5,
.collectors .stars4,
.collectors .stars3,
.collectors .stars2,
.collectors .stars1 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    background: url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) no-repeat;
    background: -webkit-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 1x, url(https://img3.doubanio.com/f/shire/0147ca9efddcac80050854590d26bee587b008df/pics/rating_icons/ic_rating_s@2x.png) 2x) no-repeat;
    background: -moz-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 2x) no-repeat;
    background: -o-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 2x) no-repeat;
    background: -ms-image-set(url(https://img3.doubanio.com/f/shire/b8f4c3672ef81106701071831e22422a745d3b74/pics/rating_icons/ic_rating_s.png) 1x, url(https://img3.doubanio.com/f/shire/0147ca9efddcac80050854590d26bee587b008df/pics/rating_icons/ic_rating_s@2x.png) 2x) no-repeat;
    width: 55px;
    height: 11px;
    margin: 0 3px 0 0;
    overflow: hidden;
}

/* 业务样式 */
#douban-logo {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    /* CSS 的属性 vertical-align 用来指定行内元素（inline）或
    表格单元格（table-cell）元素的垂直对齐方式。 */
    padding: 0;
    font-size: 12px;
    font-weight: normal;
    background: url(https://img3.doubanio.com/f/sns/19886d443852bee48de2ed91f4a3bdfdaf8c809c/pics/nav/logo_db.png);
    overflow: hidden;
}

#douban-logo a {
    display: block;
    line-height: 10em;
    /* 相对于当前对象内文本的字体尺寸 */
}

#anony-nav {
    width: 1080px;
    margin: 0 auto 25px;
}

#anony-nav .anony-nav-links {
    float: right;
    margin-top: 6px;
}


#anony-nav .anony-nav-links li {
    display: inline-block;
    zoom: 1;
    margin: 0 14px 0 0;
}

#anony-nav .anony-nav-links li a {
    display: inline-block;
    zoom: 1;
    width: 40px;
    height: 20px;
    overflow: hidden;
    margin: 0;
    line-height: 20em;
    outline: none;
    vertical-align: middle;
    background: transparent url(https://img3.doubanio.com/f/sns/8536084688879cb1137e8efdff30e59614ff2f86/pics/sns/anony_home/anony_nav_logo.png) no-repeat 100% 100%;
    background-image: -webkit-image-set(url(https://img3.doubanio.com/f/sns/8536084688879cb1137e8efdff30e59614ff2f86/pics/sns/anony_home/anony_nav_logo.png) 1x, url(https://img3.doubanio.com/f/sns/82c3a65bdec3e60331a8dd5805bb842e76ac0c04/pics/sns/anony_home/anony_nav_logo@2x.png) 2x);
}

#anony-nav .anony-nav-links li .lnk-book {
    background-position: 0 0;
}

#anony-nav .anony-nav-links li .lnk-movie {
    background-position: -60px 0;
}

#anony-nav .anony-nav-links li .lnk-music {
    background-position: -120px 0;
}

#anony-nav .anony-nav-links li .lnk-events {
    background-position: -299px 0;
}

#anony-nav .anony-nav-links li .lnk-group {
    background-position: -180px 0;
}

#anony-nav .anony-nav-links li .lnk-read {
    background: transparent url(https://img3.doubanio.com/f/sns/f3ba00ef46f185989b70ac6841d9f4d67b6e3a25/pics/sns/anony_home/ic_read_home_nav.png) no-repeat 100% 100%;
    background-image: -webkit-image-set(url(https://img3.doubanio.com/f/sns/f3ba00ef46f185989b70ac6841d9f4d67b6e3a25/pics/sns/anony_home/ic_read_home_nav.png) 1x, url(https://img3.doubanio.com/f/sns/6e5124455979380decd0b01536d8792caab6b9b8/pics/sns/anony_home/ic_read_home_nav@2x.png) 2x);
    background-size: cover;
}

#anony-nav .anony-nav-links li .lnk-fm {
    background-position: -241px 0;
}

#anony-nav .anony-nav-links li .lnk-shijian {
    margin-bottom: 1px;
    background: transparent url(https://img3.doubanio.com/f/sns/b474dd402e4293943146a4789de3dae88ec96636/pics/sns/anony_home/ic_shijian_home_nav.png) no-repeat 100% 100%;
    background-image: -webkit-image-set(url(https://img3.doubanio.com/f/sns/b474dd402e4293943146a4789de3dae88ec96636/pics/sns/anony_home/ic_shijian_home_nav.png) 1x, url(https://img3.doubanio.com/f/sns/74745beec69da53ac959a9bcc4e1e66f852ba2e8/pics/sns/anony_home/ic_shijian_home_nav@2x.png) 2x);
    background-size: cover;
}

#anony-nav .anony-srh {
    position: relative;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    width: 270px;
    height: 30px;
    border: 1px solid #c3c3c3;
}

#anony-nav .anony-srh .inp {
    display: block;
    height: 30px;
    overflow: hidden;
}

#anony-nav .anony-srh .inp input {
    width: 240px;
    border: none;
    font-size: 13px;
    height: 20px;
    padding: 5px;
}

#anony-nav .anony-srh .bn {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 30px;
    overflow: hidden;
    cursor: pointer;
    background: url(https://img3.doubanio.com/f/sns/f71f15922ebd7c0ff0ea0e7a25577529efd8981a/pics/icon/bn_srh_1.png) 50% 50% no-repeat;
}

#anony-nav .anony-srh .bn input {
    border: none;
    background: transparent;
    overflow: hidden;
    width: 30px;
    height: 30px;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.section {
    padding: 10px 0;
    margin-bottom: 30px;
    min-height: 200px;
}

.section:nth-child(2n) {
    padding: 40px 0 20px;
    background: #f7f7f7;
}

.section .wrapper {
    zoom: 1;
}

.section .wrapper:before,
.section .wrapper:after {
    content: "\0020";
    display: block;
    clear: both;
}

.wrapper {
    width: 950px;
    margin: 0 auto;
}

.section .side {
    float: right;
    width: 265px;
    margin-left: 30px;
}

.section .sidenav {
    float: left;
    width: 100px;
    margin-right: 20px;
}

#anony-sns .online ul {
    margin-top: -4px;
}

.mod {
    width: auto;
    *zoom: 1;
    margin-bottom: 35px;
}

.mod {
    margin-bottom: 30px;
}

h2 {
    font: 15px Arial, Helvetica, sans-serif;
    color: #072;
    margin: 0 0 12px 0;
    line-height: 150%;
}

.pl {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 150%;
    color: #666666;
}

#anony-sns .online li {
    margin-top: 10px;
    color: #999;
}

#anony-sns .albums {
    float: left;
    width: 350px;
    margin-right: 30px;
    color: #999;
    font-size: 0;
    letter-spacing: -0.31em;
}

#anony-sns .albums ul {
    margin: -10px 0 0 -10px;
}

#anony-sns .albums li {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    width: 170px;
    vertical-align: top;
    font-size: 12px;
    margin: 10px 0 0 10px;
}

#anony-sns .albums .pic {
    display: inline-block;
    zoom: 1;
    width: 170px;
    max-height: 170px;
    overflow: hidden;
    vertical-align: middle;
    /* 1.0 */
    white-space: nowrap;
}

#anony-sns .albums .pic img {
    width: 170px;
}

#anony-sns .notes {
    overflow: hidden;
    zoom: 1;
    color: #666;
}

#anony-sns .notes .first {
    margin-top: 0;
}

#anony-sns .notes .author {
    color: #999;
}

#anony-sns .notes p {
    margin: 0;
}

#anony-sns .notes li {
    margin-top: 12px;
    word-wrap: break-word;
}

.mod:after {
    content: '\0020';
    display: block;
    clear: both;
}

#anony-sns .online ul {
    margin-top: -4px;
}


.rec_topics_name {
    display: inline-block;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.3;
    color: #3377aa;
}

.rec_topics_subtitle {
    display: block;
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1;
    color: #aaaaaa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.section-title a {
    font-size: 24px;
}

.section-title a:link,
.section-title a:visited {
    font-size: 24px;
}

#anony-time .section-title a {
    color: #494949;
}

.section .main {
    overflow: hidden;
    zoom: 1;
}

#anony-time .time-list li {
    display: inline-block;
    width: 100px;
    vertical-align: top;
    margin-right: 60px;
    text-align: center;
    margin-bottom: 30px;
}

#anony-time .time-list li .cover {
    display: block;
    margin-bottom: 10px;
    position: relative;
}

#anony-time .time-list li .cover:before {
    /* 渐变遮罩层 */
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, transparent 50%, rgba(0, 0, 0, 0.2) 100%);
}

#anony-time .time-list li .cover.time-audio:after {
    background: url(https://img3.doubanio.com/f/sns/c831e5604c9caea0b53892bc84617d01ff8e2f73/pics/sns/time/ic_audio_w@2x.png) center/14px no-repeat;
}

#anony-time .time-list li .cover:after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    bottom: 10px;
    right: 10px;
}

#anony-time .time-list li img {
    width: 100px;
    height: 141px;
}

#anony-time .time-list li .title {
    color: #333333;
    font-size: 13px;
    line-height: 1.38;
}

#anony-time .time-list li .type {
    color: #999999;
    line-height: 1;
    margin-top: 10px;
    display: block;
}

/* 电影板块 */
/* sidenav */
.side-links li {
    position: relative;
    margin-top: 5px;
    font-size: 14px;
}

#anony-movie a:link,
#anony-movie a:visited {
    color: #27a;
}

.apps-list ul {
    /* 意义不明 */
    margin-top: -15px;
}

.list {
    font-size: 0;
    letter-spacing: -.31em;
}

.tags ul {
    margin-top: -4px;
}

.list li {
    display: inline-block;
    zoom: 1;
    width: 24.8%;
    vertical-align: top;
    text-align: center;
    font-size: 12px;
    letter-spacing: normal;
    word-spacing: normal;
}

.tags li {
    width: 4em;
    margin-top: 4px;
    text-align: left;
}

/* side part */
#anony-movie .movie-charts ol {
    margin: 0;
    padding: 0;
}

#anony-movie .movie-charts li {
    margin-bottom: 6px;
    padding-bottom: 5px;
    list-style-type: decimal;
    list-style-position: inside;
    border-bottom: 1px solid #eaeaea;
}

/* main part */
#anony-movie .movie-list li {
    margin-bottom: 20px;
}

.list .pic {
    margin-bottom: 10px;
}

#anony-movie .movie-list .pic {
    height: 145px;
    overflow: hidden;
}

.list .title {
    line-height: 1.45;
    font-size: 13px;
    margin-bottom: 4px;
    word-wrap: break-word;
}

.rating {
    margin-bottom: 4px;
}

#anony-movie .movie-list img {
    width: 100px;
}

#anony-movie a:link,
#anony-movie a:visited {
    color: #27a;
}

#anony-movie .bn-link:link,
#anony-movie .bn-link:visited {
    background: #1c8bd0;
    color: #fff;
}

a:link,
#anony-movie .movie-list .title a:visited {
    color: #333;
}

.bn-link {
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    padding: 2px 10px;
    border-radius: 2px;
}

.bn-link:link,
.bn-link:visited {
    background: #999a95;
    color: #fff;
}

/* footer 部分 */
.extra {
    /* 不明意义 */
    clear: both;
    text-align: right;
}

#ft {
    overflow: hidden;
    zoom: 1;
    padding: 14px 0;
    margin-top: 30px;
    border-top: 1px dashed #dcdcdc;
    color: #999;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}